
body 
{ 
	background-color: White;
    font-family: sans-serif;
}

blockquote {
	border-left: 2px dotted #888;
	padding-left: 5px;
	background: #d0f0ff;
}

.wmd-panel
{
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	min-width: 500px;
}

.wmd-button-bar 
{
	width: 100%;
	background-color: Silver; 
}

.wmd-input 
{ 
	height: 300px;
	width: 100%;
	background-color: Gainsboro;
	border: 1px solid DarkGray;
}

.wmd-preview 
{ 
	background-color: #c0e0ff; 
}

.wmd-button-row 
{
	position: relative; 
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 0px;  
	height: 20px;
}

.wmd-spacer
{
	width: 1px; 
	height: 20px; 
	margin-left: 14px;
	
	position: absolute;
	background-color: Silver;
	display: inline-block; 
	list-style: none;
}

.wmd-button {
    width: 20px;
    height: 20px;
    padding-left: 2px;
    padding-right: 3px;
    position: absolute;
    display: inline-block;
    list-style: none;
    cursor: pointer;
}

.wmd-button > span {
    background-image: url("../Images/wmd-buttons.png");
    background-repeat: no-repeat;
    /* background-position: 0px 0px; */
    width: 20px;
    height: 20px;
    display: inline-block;
}

.wmd-spacer1
{
    left: 50px;
}
.wmd-spacer2
{
    left: 175px;
}
.wmd-spacer3
{
    left: 300px;
}

.wmd-prompt-background
{
	background-color: Black;
}

.wmd-prompt-dialog
{
	border: 1px solid #999999;
	background-color: #F5F5F5;
}

.wmd-prompt-dialog > div {
	font-size: 0.8em;
	font-family: arial, helvetica, sans-serif;
}


.wmd-prompt-dialog > form > input[type="text"] {
	border: 1px solid #999999;
	color: black;
}

.wmd-prompt-dialog > form > input[type="button"]{
	border: 1px solid #888888;
	font-family: trebuchet MS, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}


/* enhancedCss, control button details via CSS rather than hard coded into JS */
.wmd-button { position: relative; float: left; }
.wmd-button-row { min-width: 500px; }
.wmd-input { clear: both; }
.wmd-help-button {position: absolute; right: 0; float: none; }

.wmd-btn-bold > span { background-position: 0 0; }
.wmd-btn-italic > span { background-position: -20px 0; }
.wmd-btn-link > span  { background-position: -40px 0; }
.wmd-btn-quote > span { background-position: -60px 0; }
.wmd-btn-code > span { background-position: -80px 0; }
.wmd-btn-image > span { background-position: -100px 0; }
.wmd-btn-olist > span { background-position: -120px 0; }
.wmd-btn-ulist > span { background-position: -140px 0; }
.wmd-btn-heading > span { background-position: -160px 0; }
.wmd-btn-hr > span { background-position: -180px 0; }
.wmd-btn-undo > span { background-position: -200px 0; }
.wmd-btn-redo > span { background-position: -220px 0; }
.wmd-btn-help > span { background-position: -240px 0; }

.wmd-btn-bold:hover > span { background-position: 0 -40px; }
.wmd-btn-italic:hover > span { background-position: -20px -40px; }
.wmd-btn-link:hover > span  { background-position: -40px -40px; }
.wmd-btn-quote:hover > span { background-position: -60px -40px; }
.wmd-btn-code:hover > span { background-position: -80px -40px; }
.wmd-btn-image:hover > span { background-position: -100px -40px; }
.wmd-btn-olist:hover > span { background-position: -120px -40px; }
.wmd-btn-ulist:hover > span { background-position: -140px -40px; }
.wmd-btn-heading:hover > span { background-position: -160px -40px; }
.wmd-btn-hr:hover > span { background-position: -180px -40px; }
.wmd-btn-undo:hover > span { background-position: -200px -40px; }
.wmd-btn-redo:hover > span { background-position: -220px -40px; }
.wmd-btn-help:hover > span { background-position: -240px -40px; }

.wmd-btn-undo.disabled > span, .wmd-btn-undo.disabled:hover > span { background-position: -200px -20px; }
.wmd-btn-redo.disabled > span, .wmd-btn-redo.disabled:hover > span { background-position: -220px -20px; }

.wmd-spacer { position: relative; float: left; margin-left: 8px; margin-right: 8px; }
.wmd-spacer1, .wmd-spacer2, .wmd-spacer3 { left: auto; }